import React from 'react'
import { useSelector } from 'react-redux'

export default function Asides({header,main,background}) {

  const languages = useSelector((state) => state.publicReducer.language)
  return (
    <div className='asides'>
      <aside style={{background}}>
        <figure>{header}</figure>
        <figcaption>{main}{languages === "Korean" ? "개" : (languages === "Chinese" ? "数量" : "num")}</figcaption>
      </aside>
    </div>
  )
}
